<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/shopping_cart.css">
    <script src="./libs/jQuery1.12.4.js"></script>
    <script src="./js1/carts.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>
    <script src="./js1/shopping_cart.js"></script>

</head>

<body>
    <!-- head start -->
    <div class="head">
        <div class="h_top">
            <div class="main clear">
                <ul class="ht_left fl">
                    <li>
                        <em class="member-count">11860285</em> 位会员的选择
                    </li>
                    <li class="login"><a href="./login.html">登录</a></li>
                    <li class="register"><a href="./register.html">注册</a></li>
                </ul>
                <ul class="ht_right fr">
                    <li class="huiyuan"><a href="javascript:;">会员俱乐部</a></li>
                    <li class="zhanghu">
                        <a href="javascript:;" class="zh_a">我的账户</a>
                        <ul>
                            <li><a href="JavaScript:;">我的订单<em></em></a></li>
                            <li><a href="JavaScript:;">我的存酒库<em></em></a></li>
                            <li><a href="JavaScript:;">我的优惠券<em></em></a></li>
                            <li><a href="JavaScript:;">我的收藏夹<em></em></a></li>
                        </ul>
                    </li>
                    <li class="myphone">
                        <a href="javascript:;" class="mp_a">手机版</a>
                        <ul>
                            <li class="app_top">APP手机专享</li>
                            <li class="app_center">
                                <dl>
                                    <dt>
                                        <img src="./img/shopping_cart/red-code.png" alt="">
                                    </dt>
                                    <dd>
                                        <h2>下载也买酒客户端</h2>
                                        <a href="JavaScript:;">
                                            <img src="./img/shopping_cart/ios.png" alt="">
                                        </a>
                                        <a href="JavaScript:;">
                                            <img src="./img/shopping_cart/android.png" alt="">
                                        </a>
                                    </dd>
                                </dl>
                            </li>
                            <li class="app_bottom">
                                <a href="JavaScript:;">了解更多客户端优惠!</a>
                            </li>
                        </ul>
                        <b class="arrow-top"></b>
                    </li>
                    <li class="shezhi"><a href="javascript:;">设置勿扰</a></li>
                </ul>
            </div>
        </div>
        <div class="h_bottom">
            <div class="main">
                <div class="hb_logo fl">
                    <a href="./index.html">也买酒</a>
                </div>
                <div class="crumbCart fr">购物车</div>
            </div>
        </div>
    </div>
    <!-- head end -->


    <!-- banner start -->
    <!-- banner end -->


    <!-- content start -->
    <div class="content clear">
        <div class="main clear">
            <div class="c_top">
                <h1>
                    <div class="listCartClose">
                        <span>
                            <p>
                                <font>温馨提示:</font> 也买商城订单可以合并下单啦。无论您的购物车里有几家也买商家的商品都可以合并成一张订单付款。
                        <a href="#" onclick="$('.listCartClose').hide();" class="close">关闭</a>
                        </p>
                        <i></i>
                        <i class="b"></i>
                        <s>1</s>
                        </span>
                    </div>
                </h1>
                <ul>
                    <li class="cartList">
                        <a href="javascript:;"></a>
                        <div class="radio">
                            <span class="cartType">
                                <b>0</b>
                                <i></i>
                            </span>
                            <div class="radio_lf">
                                <input type="radio" name="orderSource">
                                <label for="orderSource_0">
                                    <b></b>
                                    也买商城订单
                                </label>
                            </div>
                        </div>
                        <div class="top">
                            <div class="boxBorRed">
                                <div class="trTitle">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>全选</th>
                                                <th>图片</th>
                                                <th>名称</th>
                                                <th>价格</th>
                                                <th>数量</th>
                                                <th>金额</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(el,index) in list">
                                                <td><input type="checkbox"></td>
                                                <td>
                                                    <img :src="el.p_img" alt="">
                                                </td>
                                                <td>{{el.p_name.slice(0,17)+"..."}}</td>
                                                <td>{{el.p_price}}</td>
                                                <td>
                                                    <button @click=sub(el)>-</button>
                                                    <input style="width: 25px;" v-model='el.p_number'>
                                                    <button @click=sup(el)>+</button>

                                                </td>
                                                <td>{{el.p_total}}</td>
                                                <td>
                                                    <a @click=del_cart(el.c_id,index)>删除</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="marginTop">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="inTab"></table>
                                </div>
                                <div class="trFooter">
                                    <ul>
                                        <li>
                                            <input type="checkbox" name="checkbox">
                                            <label>全选</label>
                                        </li>
                                        <li class="removeSelect">批量删除</li>
                                        <li class="addSelect">批量加入收藏夹</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="chooseResult">
                        <div class="subtatal">
                            <span class="fl" style="color: #ff0000;"></span>
                            <span>商品件数:
                                <b>0</b>件
                            </span>
                            <span>商品总价:
                                <b>￥
                                    <input type="hidden" value="0.00">
                                    <i>0.00</i>
                                </b>
                            </span>
                            <span>活动优惠:
                                <b>
                                    ￥
                                    <em>0.00</em>
                                </b>
                            </span>
                            <span>优惠券:
                                <b>
                                    ￥
                                    <em>0</em>
                                </b>
                            </span>
                        </div>
                    </li>
                    <li class="buy">
                        <div class="listCart-fixed">
                            <ul class="clear">
                                <li>
                                    <div class="payexpress"></div>
                                    <a class="a1" onclick="toBlance()">去结算</a>
                                    <a class="a2"></a>
                                    <div class="yhq">商品没有符合优惠券使用条件</div>
                                    <a class="total_price">商品数量:
                                        <b class="total_num">0</b>&nbsp;件&nbsp;&nbsp;
                                        <strong>应付金额</strong>
                                        <em>不含运费</em>:
                                        <i>￥</i>
                                        <b class="total">0.00</b>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="c_bottom">
                <div class="cart_change_tab mt10">
                    <ul class="bd">
                        <li class="on">最佳搭配<span></span></li>
                        <li>浏览记录<span></span></li>
                        <li>我的收藏<span></span></li>
                    </ul>
                    <div class="products">
                        <ul class="hd clear selected" id="myCartGift" style="display: block;">
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/bingjiudai.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>

                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/hongmudanhe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/shuangzhiheilihe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/songmushuanghe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/pizhishuanghe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/shuangzhipidailihe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/songmudanhe.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/黑色酒刀.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">{{goodsInfo.pname}}</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥{{goodsInfo.pprice}}</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                        </ul>
                        <ul class="hd clear" id="myBrowseGoods">
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/liulan3.png" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">董酒鸿运54度50...</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥1128.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/liulan4.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">芝华士12年苏格兰...</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥216.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/bingjiudai.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">冰酒袋</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥30.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/liulan5.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">郎酒青花郎53度5...</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥7188.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/liulan1.jpg" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">哥谭传奇赤霞珠干红...</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥88.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                        </ul>
                        <ul class="hd clear" id="myFavorite">
                            <li class="goodlist fl">
                                <a href="javascript:;">
                                    <img src="./img/shopping_cart/liulan3.png" alt="">
                                </a>
                                <dl>
                                    <dt class="otherBlock">
                                        <a href="javascript:;">董酒鸿运54度50...</a>
                                        <span class="en"></span>
                                        <p>促销价
                                            <br>
                                            <span class="change_price">￥1128.0</span>
                                        </p>
                                        <p class="goodsAmountCalc">
                                            <span class="jj_box">
                                                <a class="subAmount" @click="sub" title="减少">-</a>
                                                <input type="text" name="input" class="editAmount" v-model="num"" value="1">
                                                <a class="addAmount" @click="add($event)" title="增加">+</a>
                                            </span>
                                        </p>
                                        <p>
                                            <a class="exchange" @click="joinCart">加入购物车</a>
                                        </p>
                                    </dt>
                                </dl>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- content end -->


    <!-- foot start -->
    <div class="foot">
        <div class="f_top">
            <span class="top100">消费者最喜欢的网站TOP100</span>
            <span class="line">|</span>
            <span class="age18">仅限18周岁以上人士购买</span>
            <span class="line">|</span>
            <a href="javaScript:"><span class="shzxw">网络社会征信网</span></a>
            <span class="line">|</span>
            <span class="shgs">上海工商</span>
            <span class="line">|</span>
            <span class="jgawb">京公安网备11010502013828</span>
        </div>
        <div class="f_bottom">
            Copyright 2006-2014 也买酒 yesmywine.com 版权所有
            <span class="line">|</span>
            <a href="JavaScript:;">沪ICP备17040012号-1</a>
            </br>
            <div class="cx clear">
                <span class="cxwz fl">
                    <a href="JavaScript:;">
                        <img src="./img/login/cert.png" alt="">
                    </a>
                </span>
                <span class="hgwb fl">
                    <a href="JavaScript:;">
                        <img src="./img/login/jiujiao.jpg" alt="">
                    </a>
                </span>
                <span class="wgdjp fl">
                    <a href="JavaScript:;">
                        <img src="./img/login/link.jpg" alt="">
                    </a>
                </span>
            </div>
        </div>
    </div>
    <!-- foot end -->
</body>

</html>